<template>
	<el-tabs  @edit='tab的新增或移除按钮后触发' :editable=true @tab-change='activeName改变时触发' tab-position='left' @tab-remove='tab移除按钮时触发' type='card' >
	  <el-tab-pane label="User">User</el-tab-pane>
	  <el-tab-pane label="Config">Config</el-tab-pane>
	  <el-tab-pane label="Role">Role</el-tab-pane>
	  <el-tab-pane label="Task">Task</el-tab-pane>
	</el-tabs>
  </template>
  <script setup>
  import { ref } from 'vue'
  
 const  activeName改变时触发=(name)=>{ console.log ('activeName改变时触发',name)}
 const  tab移除按钮时触发=(name)=>{ console.log ('tab移除按钮时触发',name)}
 const  tab的新增或移除按钮后触发=(paneName,action)=>{ console.log ('tab的新增或移除按钮后触发',paneName,action)}
  </script>
  <style lang="scss"  scoped></style>